@charset "UTF-8";

.wishlist-container {
    @media (min-width: 1200px) {
        width: 1200px;
        padding: 0;
    }
}

.wish-lists {
    padding-top: 37px;
    .content {
        color: #333;
        & > h2 {
            font-size: 22px;
            margin-bottom: 18px;
        }
        .product-lists {
            display: flex;
            flex-wrap: wrap;
            .wish-product {
                padding: 10px;
                border:1px solid rgba(230,230,230,1);
                transition: all .3s 0s ease;
                font-size: 14px;
                .product-image {
                    width: 100%;
                    overflow: hidden;
                    font-size: 0;
                    img {
                        width: 100%;
                    }
                }
                .product-title {
                    width: 100%;
                    margin-top: 2px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    transition: font-size .3s 0s ease;
                    a {
                        color: #333;
                    }
                }
                .price-block {
                    margin-top: 9px;
                    color: #333;
                    transition: font-size .3s 0s ease;
                    .old-price {
                        color: #ccc;
                        text-decoration: line-through;
                    }
                }
                .operation-block {
                    font-size: 20px;
                    a {
                        color: #dfdfdf;
                        transition: color .3s 0s ease;
                        &:hover {
                            color: #333;
                        }
                    }
                }
            }
            @media (max-width: 768px) {
                .wish-product {
                    width: 48%;
                    margin-bottom: 30px;
                    font-size: 16px;
                    &:not(:nth-child(2n)) {
                        margin-right: 4%;
                    }
                }
            }
            @media (min-width: 768px) {
                .wish-product {
                    width: 165px;
                    padding: 10px;
                    margin-bottom: 30px;
                    &:not(:nth-child(3n)) {
                        margin-right: 0;
                    }
                    &:not(:nth-child(4n)) {
                        margin-right: 20px;
                    }
                    .product-image {
                        height: 150px;
                    }
                }
            }

            @media (min-width: 992px) {
                .wish-product {
                    width: 172px;
                    padding: 10px;
                    margin-bottom: 30px;
                    &:not(:nth-child(3n)),
                    &:not(:nth-child(4n)) {
                        margin-right: 0;
                    }
                    &:not(:nth-child(5n)) {
                        margin-right: 20px;
                    }
                    .product-image {
                        height: 150px;
                    }
                }
            }

            @media (min-width: 1200px) {
                .wish-product {
                    width: 154px;
                    padding: 10px;
                    margin-bottom: 30px;
                    &:not(:nth-child(5n)) {
                        margin-right: 0;
                    }
                    &:not(:nth-child(7n)) {
                        margin-right: 20px;
                    }
                    .product-image {
                        height: 132px;
                    }
                }
            }
        }
        .no-items {
            margin-bottom: 300px;
            & > img {
                width: 162px;
                height: 162px;
            }
            span {
                margin-top: 8px;
                font-size: 20px;
            }
        }
    }
}
